<!--#layout("/common/layout.html",{"jsBase":"/js/chart/contract/"}){ -->
<script src="${ctxPath}/plugins/layui_extends/highcharts/highcharts.js"></script>
<script src="${ctxPath}/plugins/layui_extends/highcharts/modules/data.js"></script>
<script src="${ctxPath}/plugins/layui_extends/highcharts/modules/drilldown.js"></script>
<div class="layui-row">
    <form id="searchForm" class="layui-form layui-form-pane">
        <div class="layui-collapse" lay-filter="condictionCol">
            <div class="layui-colla-item">
                <h2 class="layui-colla-title">查询条件</h2>
                <div class="layui-colla-content layui-show">
                    <div class="layui-row">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">年份</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="year"  id="year" autocomplete="off" class="layui-input input-time">
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">省份</label>
                                <div class="layui-input-block" style="width:512px" id="prov"></div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" name="type" value="1" title="自主招生">
                                <input type="checkbox" name="type" value="2" title="志愿填报">
                                <input type="checkbox" name="type" value="3" title="港澳台">
                                <input type="checkbox" name="type" value="4" title="在线一对一">
                            </div>
                            <div class="layui-inline">
                                <button style="float: left;" class="layui-btn layui-btn-normal" type="button" id="searchFormSearch">搜索</button>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<br>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<br>

<div id="container1" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<br>
<div id="container2" style="min-width: 310px; height: 400px; margin: 0 auto"></div>


<!--#} -->
<script>
    layui.extend({
        selectM: '../../../plugins/layui_extends/selectM'
    }).use(['index','selectM','laydate'], function () {
        var index = layui.index,
            selectM = layui.selectM,
            laydate = layui.laydate;
        var myDate = new Date;
        var year = myDate.getFullYear();
        laydate.render({
            elem: '#year'
            ,type: 'year'
            ,value: year
        });
        var tagIns2 = selectM({
            //元素容器【必填】
            elem: '#prov'
            //候选数据【必填】
            ,data: "getProv.json"
            //默认值
            ,selected: [${selectedMerber!}]
            //最多选中个数，默认5
            ,max : 35
            //input的name 不设置与选择器相同(去#.)
            ,name: 'opt_users'
            //值的分隔符
            ,delimiter: ','
            //候选项数据的键名
            ,field: {idName:'provId',titleName:'provName'}
        });
        index.init();
    });

</script>
